<script>
  import $ from 'dfish-widget'
  import Widget from '../Widget.vue'
  import form from '../widget.form.js'

  export default {
    mixins: [Widget],
    data() {
      return {
        name: 'Checkbox',
        remark: '复选框',
        deprecate: 'placeholder,model-value / v-model,focus(),validate-default',
        extends: [form],
        attrs: [{
          name: 'model-value / v-model',
          remark: '表单值。多个值用逗号隔开',
          type: 'String',
        }, {
          name: 'value',
          type: 'String',
          remark: '复选框的值'
        }, {
          name: 'min-size',
          remark: '最少选择项数。数字或<var>{value,text}</var>',
          type: 'Number / Object',
          option: '<div><var>value</var>: Number</div><div><var>text</var>: 验证提示内容</div>',
        }, {
          name: 'max-size',
          remark: '最多选择项数。数字或<var>{value,text}</var>',
          type: 'Number / Object',
          option: '<div><var>value</var>: Number</div><div><var>text</var>: 验证提示内容</div>',
        }, ],
        slots: [{
          name: 'default',
          remark: '绑定复选框的表单',
          option: '表单组件'
        }, {
          name: 'text',
          remark: '文本内容插槽',
          option: ''
        }]
      }
    }
  }
</script>

<style>
</style>
